<template>
    <div>
        <el-dropdown class="q-drop">
            <el-avatar class="q-avatar el-dropdown-link" icon="el-icon-s-comment" size="small"></el-avatar>
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item icon="el-icon-plus">黄金糕</el-dropdown-item>
                <el-dropdown-item icon="el-icon-circle-plus">狮子头</el-dropdown-item>
                <el-dropdown-item icon="el-icon-circle-plus-outline">螺蛳粉</el-dropdown-item>
                <el-dropdown-item icon="el-icon-check">双皮奶</el-dropdown-item>
                <el-dropdown-item icon="el-icon-circle-check-outline">蚵仔煎</el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>
        <el-dropdown class="q-drop">
            <el-avatar class="q-avatar el-dropdown-link" icon="el-icon-message-solid" size="small"></el-avatar>
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item icon="el-icon-plus">黄金糕</el-dropdown-item>
                <el-dropdown-item icon="el-icon-circle-plus">狮子头</el-dropdown-item>
                <el-dropdown-item icon="el-icon-circle-plus-outline">螺蛳粉</el-dropdown-item>
                <el-dropdown-item icon="el-icon-check">双皮奶</el-dropdown-item>
                <el-dropdown-item icon="el-icon-circle-check-outline">蚵仔煎</el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown >
        <el-dropdown class="q-drop">
            <div class="el-dropdown-link">
                 <el-avatar class="q-avatar q-user" icon="el-icon-user-solid" size="small"></el-avatar>Administrator<i class="el-icon-arrow-down el-icon--right"></i>
            </div>
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item icon="el-icon-plus">个人信息</el-dropdown-item>
                <el-dropdown-item icon="el-icon-circle-plus">修改密码</el-dropdown-item>
                <el-dropdown-item icon="el-icon-circle-check-outline" divided>退出登录</el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>
        <div class="q-drop c-inline">
            <el-avatar class="q-avatar el-dropdown-link" icon="el-icon-more" size="small"></el-avatar>
        </div>
    </div>
</template>

<script>
    export default {
        name: "TopMenu"
    }
</script>

<style lang="less" scoped>
    .c-inline{
        display: inline-block;
    }
</style>